<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h1 class="title ui-widget-header ui-corner-all">#{message['mantenimiento.listacliente.tittle']}</h1>

		<h:form id="frmClienteFormList" prependId="false">
		<p:messages id="message" showDetail="true"/>
			<p:dataTable value="#{MantenimientoClienteSearchAction.clienteList}"  
			var="c" paginator="true" rows="10" id="listaClientes"
			paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
			rowsPerPageTemplate="5,10,15" widgetVar="tableCli" emptyMessage="#{message['rsltd.empty']}"
			filteredValue="#{MantenimientoClienteSearchAction.filteredClienteSie}">
				
			<f:facet name="header">
	            <p:outputPanel>
	                <h:outputText value="Buscar en todos los campos:" />
	                <p:inputText id="globalFilter" onkeyup="tableCli.filter()" style="width:150px" />
	            </p:outputPanel>
            </f:facet>
					
				<p:column headerText="Nombre" id="nombre" filterBy="#{c.nombrecliente}" filterMatchMode="contains" >
					<h:outputText value="#{c.nombrecliente}" />
				</p:column>
				
				<p:column headerText="Apellido Paterno" id="ap" filterBy="#{c.apepatcliente}" filterMatchMode="contains" >
					<h:outputText value="#{c.apepatcliente}" />
				</p:column>
				
				<p:column headerText="Apellido Materno" id="am" filterBy="#{c.apematcliente}" filterMatchMode="contains" >
					<h:outputText value="#{c.apematcliente}" />
				</p:column>

				<p:column headerText="Nº de Documento" id="ndedocumento" filterBy="#{c.numdocumento}">
					<h:outputText value="#{c.numdocumento}" />
				</p:column>
				
				<p:column headerText="Editar">
				<center>
					<p:commandButton  ajax="false"
					 action="#{MantenimientoClienteFormAction.update}"
						icon="ui-icon ui-icon-pencil">
						<f:setPropertyActionListener value="#{c}"
							target="#{MantenimientoClienteFormAction.objClienteSie}" />
					</p:commandButton>
					</center>
				</p:column>
			</p:dataTable>
			<p:blockUI block="listaClientes" trigger="listaClientes">
			<p:graphicImage value="/images/ajax_loader.gif"  style="width:120px; heigth:120px"  /></p:blockUI>
		</h:form>
	</ui:define>
</ui:composition>